<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script src="/js/jquery-3.2.1.js" type="text/javascript"></script>
    <style>
        body {
            padding: 20px;
        }

        #console {
            height: 400px;
            overflow: auto;
        }

        .username-msg {
            color: orange;
        }

        .connect-msg {
            color: green;
        }

        .disconnect-msg {
            color: red;
        }

        .send-msg {
            color: #888
        }
    </style>
</head>
<body>
<h1>Netty点对点聊天练习</h1>
<br/>
<div id="console" class="well">
</div>
<input id="name" class="input-xlarge" type="text" placeholder="用户名称..."/>
<button type="button" onClick="connect()" class="btn">连接</button>
<br>
<input id="msg" class="input-xlarge" type="text" placeholder="发送内容..."/>
<input id="to" class="input-xlarge" type="text" placeholder="接收者"/>
<button type="button" onClick="singleSend()" class="btn">发送</button>
<button type="button" onClick="Chat.sendDisconnect()" class="btn">断开连接</button>
</body>
<script>

</script>
<script type="text/javascript" src="/js/chatHandler.js"></script>
</html>